<template>
  <div >
	<div class="box" v-for="item in options" :key='item.id' @click="getDetail(item.id)">
		<img class="video" :src="item.pic" />
		<div class="side">
		  <span class="title">{{item.title}}</span>
		  <span class="desc">{{item.content}}</span>
		</div>
	</div>
    
  </div>
</template>
<script>
export default {
  name: 'HmRowVideoCard',
  props: {
    dataId: {
      type: String,
    },
    options: {
      type: Array,
    }
  },
  data() {
    return {
      constants: {
        image1:
          'http://hm-static-img.oss-cn-beijing.aliyuncs.com/uniapp/hm-components/video.png'
      }
    };
  },
  methods:{
	  getDetail(val){
		  console.log(1111)
		  uni.navigateTo({
		  	url:'/pages/detail/index?val='+val
		  })
	  }
  }

};
</script>
<style>
@import './index.css';
</style>
